<section class="wrapper site-min-height" xmlns:th="http://www.w3.org/1999/xhtml">
    <div th:each="classInfo:${classes}">
        <div class="col-lg-3" style="background:#FFF; color:#000; margin: 20px ; padding: 0;">
            <div >
                <img src="img/cover.png" class="col-lg-12" style="margin: 0; padding: 0 0 10px 0;">
            </div>
            <div class="col-lg-1">
                <i class="fa fa-book" aria-hidden="true"></i>
            </div>
            <div class="col-lg-10" th:text="${classInfo.className}" style="padding: 0 0 10px 0;"></div>
            <div class="col-lg-1">
                <i class="fa fa-user" aria-hidden="true"></i>
            </div>
            <div class="col-lg-4" th:text="${classInfo.teacherIdFK.name}" style="padding: 0 0 10px 0;"></div>
            <div class="col-lg-1">
                <i class="fa fa-users" aria-hidden="true"></i>
            </div>
            <div class="col-lg-4" th:text="${classInfo.total}" style="padding:0;"></div>
        </div>
    </div>
</section>

